@charset "utf-8";
.search-engine,.search-engine-list li{
    margin:0;padding:0;
    box-sizing:border-box;}
.sousuo{padding:12px 10px 12px 10px;}
.search{
    position:relative;
    width:100%;
    margin:0 auto;}
.search-box{
    height:50px;
    overflow:hidden;
    display:-webkit-flex;
    display:flex;flex-wrap:wrap;
    border:1px solid #00000026;
    border-radius:24px;
    background-color:#fff}
.search-box:focus-within{
    box-shadow:0 1px 6px 0 #20212447 !important}
.search-box:hover{
    box-shadow:0 1px 6px 0 #20212447}
#search-icon{
    display:block;
    position:absolute;
    left:8px;top: 11px;;
    width:30px;
    height:30px;
    overflow:hidden;
    text-align:center;
    line-height:35px;
    font-size:30px;color:#2196f3;cursor:pointer}
.search-input{
    box-sizing:border-box;
    font-family:'SF-Pro-Display-Semibold','PingFangSC-Regular','Microsoft YaHei UI','Microsoft YaHei',helvetica,sans-serif;
    flex:1;
    height:50px;
    font-size:16px;
    color:#292929de;
    border:none;
    outline:none;
    padding-left: 50px;
    padding-right:45px;}
input::-webkit-input-placeholder{font-size:16px;
    font-family:'SF-Pro-Display-Semibold','PingFangSC-Regular','Microsoft YaHei UI','Microsoft YaHei',helvetica,sans-serif;
    letter-spacing:1px;
    color:rgba(179, 179, 179, 0.836);}
.search-btn{
    width:80px;height:50px;
    background:#fff;
    border:none;color:#64B5F6;
    font-weight:bold;
    border-left:1px solid #e6e6e6;
    outline:none;}
.search-hot-text{
    position:relative;
    margin:0 auto;
    z-index:100;
    width:90%;
    border-radius:0 0 12px 12px;
    border:1px solid #00000026;
    border-top:none;
    background:rgba(255, 255, 255, 0.637);
    box-shadow:0 1px 6px 0 #20212447;}
.search-hot-text ul{
    margin:0;
    padding:0;}
.search-hot-text ul li{
    border-top:1px solid #f2f2f2;
    line-height:30px;
    font-size:15px;
    padding:0px 25px;
    color:#535353;
    cursor:pointer;
    list-style:none;}
.search-hot-text ul li.current{
    background:#f1f1f1;
    color:#2196f3;}
.search-hot-text ul li:hover{
    background:#e27f7f;
    color:#2196f3;
    cursor:pointer;}
#search-clear{position:absolute;top:26px;right:11px;width:20px;height:20px;line-height:20px;text-align:center;margin-top:-10px;color:#a9b1c7;cursor:pointer;}
#search-clear:hover{
    font-weight:bold;
    color:#5c5e63;}
.search-engine{
    position:absolute;
    top:60px;left:0;
    width:100%;
    max-height: 40vh;
    background:#FFF;
    padding:15px 0 0 15px;
    border-radius:20px;
    box-shadow:0 1px 6px 0 #20212447;
    overflow-y: scroll;
    transition: width 5s;
    display:none;
    z-index:999;}
.search-engine-head{
    overflow:hidden;
    margin-bottom:10px;
    padding-right:15px;}
.search-engine-tit{
    float:left;
    margin:0;
    font-size:14px;
    color:#636363;}
.search-engine-tool{
    float:right;font-size:14px;color:#636363;}
.search-engine-tool>span{
    display:inline-block;
    width:25px;
    height:15px;
    font-size:18px;
    line-height:15px;
    cursor:pointer;}
.search-engine-tool>span.icon-kaiguanguan-kai{
    color:#0e932e;}
.search-engine ul{

    padding:0;}
.search-engine ul::before{
    content:'';
    width:0px;
    height:0px;position:absolute;
    top:-15px;
    border-top:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #fff;
    border-left:8px solid transparent;}
.search-engine-list::after{
    content:'';
    width:70px;height:18px;
    position:absolute;
    top:-17px;
    left:1px;}
.search-engine-list li{
    float:left;
    width:30%;
    line-height:30px;
    font-size:14px;
    padding:4px 9px 4px 9px;margin:0 10px 10px 0;
    background:rgb(243, 243, 243);
    color:#636363;
    cursor:pointer;list-style:none;border-radius:12px;border:1px solid #ffffff;}
.search-engine-list li:hover{background:#f9f9f9;border:1px solid #5f5f5f;}
.search-engine-list li i{display:inline-block;width:25px;height:25px;border-radius:15px;
    font-size:20px;line-height:25px;text-align:center;margin-right:5px;margin-top:2.5px;}
.search-engine-list .icon{padding:0 5px 0 0px;}.switch{position:relative;display:inline-block;width:28px;height:13px;}
.switch input{display:none;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.3s;transition:.3s;}
.slider:before{position:absolute;content:"";height:11px;width:11px;left:1px;bottom:1px;background-color:white;-webkit-transition:.3s;transition:.3s;}
input:checked+.slider{background-color:#32CD32;}
input:focus+.slider{box-shadow:0 0 1px #32CD32;}
input:checked+.slider:before{-webkit-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px);}
.slider.round{border-radius:32px;}
.slider.round:before{border-radius:50%;}
@media (min-width:992px){.col,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{padding:0 10px}
.sousuo{padding:30px 0 15px 0;margin-top:20px;}
.sousuo-form{width:100%;margin:0 auto;}
#input{outline:none;padding:0 10px;height:46px;line-height:46px;border:1px solid #ccc;border-left:none;display:block;padding-left:90px;}
#so-btn{width:15%;float:right;height:45px;background:#3385ff;color:#fff;border:none;}
.search{width:650px;}
.search-hot-text{width:608px;margin:0px 20px 20px;}
#search-clear{right:95px;left:94%;}
.search-engine{width:650px;}
.search-engine-list li{width:112px;margin:0 15px 15px 0;}}
.search-hot-text ul li span{-webkit-tap-highlight-color:#00000000;list-style:none;cursor:pointer;
    box-sizing:border-box;display:inline-block;width:20px;height:20px;font-size:12px;line-height:20px;text-align:center;
    background:#e5e5e5;margin-right:10px;border-radius:10px;color:#535353;}